<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Reflections for 2020-2021 | The Vue Point</title>
    <meta name="description" content="The offical blog for the Vue.js project">
    <link rel="stylesheet" href="static/css/style.b58d2c90.css">
    <link rel="modulepreload" href="https://blog.vuejs.org/assets/app.9f8b31e8.js">
    <link rel="modulepreload" href="https://blog.vuejs.org/assets/posts_hello-2021.md.28bcda93.lean.js">
    
    <meta name="twitter:site" content="@vuejs">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:image" content="https://vuejs.org/images/logo.png">
  <link rel="icon" type="image/x-icon" href="https://blog.vuejs.org/favicon.ico">
  <script src="static/js/script.js" data-site="NYHGSGQV" data-spa="auto" defer=""></script>
  <meta name="twitter:title" content="Reflections for 2020-2021 | The Vue Point">
  <meta property="og:title" content="Reflections for 2020-2021 | The Vue Point">
  </head>
  <body>
    <div id="app"><div class="antialiased"><div class="max-w-3xl mx-auto px-4 sm:px-6 xl:max-w-5xl xl:px-0"><nav class="flex justify-between items-center py-10 font-bold"><a class="text-xl" href="index10.html" aria-label="The Vue Point"><img class="inline-block mr-2" style="width:36px;height:31px;" alt="logo" src="static/picture/logo1.svg"><span class="hidden md:inline">The Vue Point</span></a><div class="text-sm text-gray-500 leading-5"><a class="hover:text-gray-700" href="javascript:;" target="_blank" rel="noopener"><span class="hidden sm:inline">GitHub </span>Source</a><span class="mr-2 ml-2">·</span><a class="hover:text-gray-700" href="javascript:;">RSS<span class="hidden sm:inline"> Feed</span></a><span class="mr-2 ml-2">·</span><a class="hover:text-gray-700" href="index12.html" target="_blank" rel="noopener">Vuejs.org →</a></div></nav></div><main class="max-w-3xl mx-auto px-4 sm:px-6 xl:max-w-5xl xl:px-0"><article class="xl:divide-y xl:divide-gray-200"><header class="pt-6 xl:pb-10 space-y-1 text-center"><dl><dt class="sr-only">Published on</dt><dd class="text-base leading-6 font-medium text-gray-500"><time datetime="2021-01-11T12:00:00.000Z">January 11, 2021</time></dd></dl><h1 class="text-3xl leading-9 font-extrabold text-gray-900 tracking-tight sm:text-4xl sm:leading-10 md:text-5xl md:leading-14">Reflections for 2020-2021</h1></header><div class="divide-y xl:divide-y-0 divide-gray-200 xl:grid xl:grid-cols-4 xl:gap-x-10 pb-16 xl:pb-20" style="grid-template-rows:auto 1fr;"><dl class="pt-6 pb-10 xl:pt-11 xl:border-b xl:border-gray-200"><dt class="sr-only">Authors</dt><dd><ul class="flex justify-center xl:block space-x-8 sm:space-x-12 xl:space-x-0 xl:space-y-8"><li class="flex items-center space-x-2"><img src="https://gravatar.com/avatar/eca93da2c67aadafe35d477aa8f454b8" alt="author image" class="w-10 h-10 rounded-full"><dl class="text-sm font-medium leading-5 whitespace-nowrap"><dt class="sr-only">Name</dt><dd class="text-gray-900">Evan You</dd><dt class="sr-only">Twitter</dt><dd><a href="javascript:;" target="_blank" rel="noopnener noreferrer" class="link">@youyuxi</a></dd></dl></li></ul></dd></dl><div class="divide-y divide-gray-200 xl:pb-0 xl:col-span-3 xl:row-span-2"><div style="position:relative;" class="prose max-w-none pt-10 pb-8"><div><p>With a new year upon us, we also have a new blog! In this post, we would like to take a look back at some of the highlights from 2020, as well as some ideas we have for 2021.</p><hr><h2 id="looking-back-at-2020" tabindex="-1">Looking Back at 2020 <a class="header-anchor" href="#looking-back-at-2020" aria-hidden="true">#</a></h2><p>2020 has been a challenging year, to say the least. Nonetheless, the team has made the best of a difficult situation. Despite an already massive user base, Vue&#39;s <a href="javascript:;" target="_blank" rel="noopener noreferrer">NPM downloads</a> and <a href="javascript:;" target="_blank" rel="noopener noreferrer">Devtools weekly active users</a> both grew close to 50% throughout 2020. As time of this writing, Vue is being downloaded ~8M times per month on NPM and the devtools extension has ~1.5M weekly active users.</p><p>Aside from routine maintenance, there are some incredible things that we accomplished as a team:</p><ul><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Shipped Vue 3 core</a></li><li><a href="index12.html" target="_blank" rel="noopener noreferrer">Brand new docs site for Vue 3</a></li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Vue Router 4</a></li><li><a href="index5.html" target="_blank" rel="noopener noreferrer">Vuex 4 (RC)</a></li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Vue DevTools 6.0 with Vue 3 support (Beta)</a></li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Vue Test Utils 2 (Beta)</a></li></ul><p>In addition to iterating on the existing ecosystem, we also invested in exploring improvements on new frontiers:</p><ul><li>New Single File Component (SFC) feature proposals with the goal of leveraging the SFC compiler for more DX and performance wins: <ul><li><a href="javascript:;" target="_blank" rel="noopener noreferrer"><code>&lt;script setup&gt;</code></a></li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">CSS variables injection in <code>&lt;style&gt;</code></a></li></ul></li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">VueDX</a> for providing better IDE integrations and development workflow</li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">Vite</a>, a new build tool built on top of modern standards</li><li><a href="javascript:;" target="_blank" rel="noopener noreferrer">VitePress</a>, a new static site generator built on Vue 3 and Vite</li></ul><p>In addition to all of these exciting projects, it’s also been incredible to see the community continue to grow despite the challenges 2020 set forth in terms of being unable to facilitate in-person events. With initiatives such as remote conferences, meetups and other events, it’s been a joy to see the community interacting in new ways that might not have been possible otherwise.</p><h2 id="looking-forward-to-2021" tabindex="-1">Looking Forward to 2021 <a class="header-anchor" href="#looking-forward-to-2021" aria-hidden="true">#</a></h2><p>While Vue 3 brings many fundamental improvements and opens up avenues for future iterations, we are still in a transition period - both in terms of the library ecosystem and best practices involving new APIs. For early 2021, our focus will be further stabilizing the Vue 3 ecosystem, and continuing to help the community through this transition period. Here is a non-exhaustive list of things we’re looking forward to:</p><ul><li>Stablize current RC/Beta sub projects</li><li>Finalize SFC proposals and further polish IDE support</li><li>Vue 3.1 (Q1, more details as we finalize the release plan)</li><li>Vue 2 → 3 Migration Tools (estimated end of Q1)</li><li>Vue CLI 5 w/ webpack 5 support (estimated Q1)</li><li><s>Vue 3 IE 11 Compatibility Build (estimated Q2)</s></li><li>Vue 2.7 (estimated Q2/3)</li><li>SSR support in Vite</li><li>Vuex 5 (TBD)</li></ul><p>In addition, we are excited about other frameworks and libraries in the ecosystem making progress towards Vue 3 support. And of course, we can’t wait to see what new ideas and tools you all have as we embark on a new chapter in the Vue.js roadmap.</p></div></div></div><footer class="text-sm font-medium leading-5 divide-y divide-gray-200 xl:col-start-1 xl:row-start-2"><div class="py-8"><h2 class="text-xs tracking-wide uppercase text-gray-500"> Next Article </h2><div class="link"><a href="vue-3.2.html">Vue 3.2 Released!</a></div></div><div class="py-8"><h2 class="text-xs tracking-wide uppercase text-gray-500"> Previous Article </h2><div class="link"><a href="vue-3-one-piece.html">Announcing Vue 3.0 &quot;One Piece&quot;</a></div></div><div class="pt-8"><a class="link" href="index10.html">← Back to the blog</a></div></footer></div></article></main></div></div>
    <script>__VP_HASH_MAP__ = JSON.parse("{\"index.md\":\"b0a39757\",\"posts_hello-2021.md\":\"28bcda93\",\"posts_vue-3-as-the-new-default.md\":\"48a17eee\",\"posts_vue-3-one-piece.md\":\"156ba32d\",\"posts_vue-3.2.md\":\"b25d09af\"}")</script>
    <script type="module" async="" src="static/js/app.9f8b31e8.js"></script>
    
  </body>
</html>